<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
       <%
           String path = request.getContextPath();
           String basePath =request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
	%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="static/css/jie.css" rel="stylesheet" type="text/css">

<title>Insert title here</title>
<base href="<%= basePath%>">
</head>
<body>
<div id="test"></div>
<div id="zhuce">
					<div class="zhuce-title">
							<h1>欢迎注册联想会员</h1>
    						<div onclick="guan()" class="close"></div>
    				</div>
    				<div class="zhuce-input">
    					<p><lable>账号</lable><input class="account" placeholder="请输入手机号"/></p>
    				</div>
    				<div class="enroll_inputaa ">
    					<p>请输入正确的格式</p>
    				</div>
    				<div class="enroll_inputb">
    					<p><lable>密码</lable><input type="password" class="account" placeholder="密码长度8~20位,数字、字母、字符至少包含两种"/></p>
    				</div>
    				<div class="enroll_inputbb ">
    					<p>请输入正确的格式</p>
    				</div>
    				<div class="enroll_inputc">
    					<p><lable>确认密码</lable><input type="password"class="account" ></p>
    				</div>
    				<div class="enroll_inputaa errorRepwd">
    					<p class="error">确认密码和密码不一致，请重新输入</p>
    				</div>
    				<div class="enroll_inputd">
    					<p><lable>验证码</lable><input type="text" class="captcha_code"></p><img src="" class="yanzhengma"/><span class="huan">换一张</span>
    				</div>
    				<div class="enroll_inputaa">
    					<p>验证码格式错误</p>
    				</div>
    				  <div class="enroll_inputd">
    					<p><lable>手机验证码</lable><input type="text" class="captcha_code"></p><button class="mobile_captcha" style="margin-left:3px;width: 120px; background: #c2c2c2;border: none;    height: 28px;cursor: poiner;">获取手机验证码</button>
    				</div>
    				<div class="enroll_inputaa"></div>
    				<div class="enroll_main">
    					<lable>
    						<input type="checkbox" class="chk"/>
    						<p>同意联想的<a>使用条款</a>和<a>隐私权政策</a></p>	
    					</lable>
    				</div>
    				<div class="enroll_btn">
    						<a>立即注册</a>
    				</div>
				</div>

				<div id="cc">
					<div class="login">
						<div class="now" onclick="deng()">普通登录</div>
						<div class="nows">快捷登录</div>
						<div onclick="cancel_shield()" class="close"></div>
					</div>
					<div class="login-input">
						<div class="use">
							<img src="../static/img/icon03.jpg" class="input-img"/>
							<input type="text" name="uuname" class="name1" placeholder="请输入手机号或邮箱"/>
						</div>
					</div>
					<div class="login-inputb">
						<div class="pwd">
							<img src="static/img/icon04.jpg" class="input-img"/>
							<input type="password" name="uupwd" class="name1" placeholder="密码"/>
						</div>
					</div>

					<div class="login-main">

					</div>
					<div class="zidong">
						<input type="checkbox" name="" class="persistent"><p>自动登录</p>
					</div>
					<div class="login-btn">
						<input type="button" id="sub" value="登录" style="width:330px;height:30px;background:#ef1c22;border:none;color:white;border-radius:7px;
						"/>
					</div>
					<div class="login-zhu">
						<p>
							<a class="zhuc" onclick="zhu()">立即注册</a>
							<a class="mima">忘记密码</a>
						</p>
					</div>
					<div class="cooperation">
						使用合作网站账号登录:
						<div class="cooperation_items">
							<a>
								<img src="../static/img/ico_qq.png"/>
								<img src="../static/img/ico_wc.png"/>
								<img src="../static/img/ico_sina.png"/>
								<img src="../static/img/ico_zfb.png"/>
							</a>
						</div>
					</div>

			</div>
</body>
</html>
	<script src="static/js/jquery-3.1.0.js"></script>

		<script type="text/javascript">
		
		//登录框
		function shield(){
		    var s = document.getElementById("test");
		    s.style.display = "block";
		    var l = document.getElementById("cc");
		    l.style.display = "block";
		}
		function cancel_shield(){
		    var s = document.getElementById("cc");
		    s.style.display = "none";
		    
		    var l = document.getElementById("test");
		    l.style.display = "none";
		}
		function zhu(){
		    var z = document.getElementById("zhuce");
		    z.style.display="block";
		    var l = document.getElementById("test");
		    l.style.display = "block";
		    var s = document.getElementById("cc");
		    s.style.display = "none";
		}
		function guan(){
		    var q = document.getElementById("zhuce");
		    q.style.display="none";
		    var l = document.getElementById("test");
		    l.style.display = "none";
		    var s = document.getElementById("cc");
		    s.style.display = "none";
		}
		$('.nows').click(function(){
			$('#cc').empty();
			$('#cc').load("jsps/shortcut.jsp");
		});	
		
		$(function(){
			$('#sub').click(function(){
				$.post("dengl",{
					"uuname":$("input[name='uuname']").val(),"uupwd":$("input[name='uupwd']").val()		
				},function(data){
					if(data=='ok'){
						window.location.href="zhu";
					}else{
						alert(data);
					}
				});
				
			});
			
		});

		</script>